@import url('./base.less');
@import url('./font/font.css');

a {
  &.green {
    text-decoration: none;
    // color: whitesmoke;
    color: black;
    transition: 0.4s;

    &:hover {
      background-color: whitesmoke;
      color: #1890ff;
      text-decoration: underline;
    }
  }
}


.ant-steps-item-active {
  .ant-steps-icon-dot {
    background-color: #1890ff !important;
  }
}

.ant-steps-item-finish {
  .ant-steps-icon-dot {
    background-color: #1890ff !important;
  }
}

// fade样式
.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.25s ease;
}

.fade-enter-from,
.fade-leave-to {
  opacity: 0;
}

// fade_start,只有出现，瞬间消失
.fade_start-enter-active {
  transition: opacity 0.6s ease;
}

.fade_start-enter-from {
  opacity: 0;
}

// expand样式，宽度从0到100%
.expand-enter-active {
  transition: all 0.3s ease;
}

.expand-enter-from {
  width: 0px;
  // transform: translateX(20px);
  opacity: 0;
}

// fold
// .fold-enter-active .fold-leave-active {
//   transition: all 5s ease;
// }

// .fold-enter-from .fold-leave-to {
//   width: 10px;
// }

.fade1-leave-active {
  transition: width 0.6s ease;
}

.fade1-enter-active {
  transition: all 0.6s ease;
}

.fade1-leave-to,
.fade1-enter-from {
  opacity: 0;
  width: 0px;
}



// 导航菜单样式
.ant-menu {
  background-color: var(--nv-bg-color) !important;
  border: none !important;
  font-size: 20px !important;

  span {
    font-weight: 600 !important;
  }
}

button {
  &.btn_circle {
    border-radius: 8px;
    border: 1px solid transparent;
    padding: 0.5em 1em;
    font-size: 16px;
    font-family: inherit;
    cursor: pointer;
    transition: all 0.25s;

    &:hover {
      background-color: #1986EC;
    }

    // 点击之后的样式
    &:focus,
    &:focus-visible {
      background-color: #1986EC;
    }

  }
}

.avatar-uploader .el-upload {
  border: 1px dashed var(--el-border-color);
  border-radius: 6px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  transition: var(--el-transition-duration-fast);
}

.avatar-uploader .el-upload:hover {
  border-color: var(--el-color-primary);
}

.el-icon.avatar-uploader-icon {
  font-size: 28px;
  color: #8c939d;
  width: 178px;
  height: 178px;
  text-align: center;
}

.home_title {
  height: 50px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0px;
  span {
    font-weight: 600;
    font-size: 20px;
  }
}

.qinshan-text{
  width: 70px !important;
  font-family: 'aliph500';
  font-size: 14px;
  // 不换行
  white-space: nowrap;
  color: #333;
}

.qinshan-text-red{
  width: 70px !important;
  font-family: 'aliph500';
  font-size: 14px;
  // 不换行
  white-space: nowrap;
  color: red;
}

// #scalarLegend {
//   display: none;
// }

.leaflet-pulsing-icon{
  &::after{
    animation-delay: 0s !important;
  }
}

.el-select-dropdown__item{
  display: flex !important;
  flex-direction: column !important; 
  align-items: center !important;
  padding: 0 !important;
}

.activeSm {
  color: #7ed321;
}